CSS zoom属性用法及代码示例 您所在的位置:网站首页 css zoom scale CSS zoom属性用法及代码示例

CSS zoom属性用法及代码示例

2023-01-01 22:42| 来源: 网络整理| 查看: 265

CSS中的zoom属性用于scale-up或scale-down的内容。在其他一些浏览器不支持Internet Explorer之前,已为Internet Explorer实现了此属性。

用法:

zoom:percentage | number | normal;

属性值:该属性接受上述和以下所述的三种类型的值:

percentage:此属性保存的数字与原始内容相比将增加或减少的百分比使zoom-in或输出取决于数字,例如zoom:150%;。这意味着内容将比原始内容大150%。 number:该属性保存将要乘以原始内容的数字,从而使zoom-in或根据数字zoom:1.5;。这意味着内容将是原始内容的1.5倍。 normal:此属性保存不放大或缩小的普通内容,本质上,此属性告诉浏览器zoom:1

例:本示例使用CSS zoom属性调整图像大小。

                       CSS | zoom property                         h1 {              color:green;          }          .left{             zoom:1.2;         }                            GeeksforGeeks                     CSS | zoom property                                                                          

输出:

支持的浏览器:CSS zoom属性支持的浏览器如下:

谷歌浏览器 IE浏览器 Safari



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有